<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>Selectors index</title>
<meta name="Description" content="CSS选择符: CSS Selectors Module" />
<meta name="Keywords" content="CSS Selectors, css选择符" />
<meta name="author" content="doyoe(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<meta name="robots" content="all" />
<!--[if lte IE 8]>
<script src="../js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="../skin/article.css" />
<style type="text/css" media="screen">
	.cont .g-list li{
		width:auto;
		margin-right: 25px;
	}
</style>
</head>
<body>
<nav id="guide" class="g-mod">
	<div class="from">
		<a href="http://css.doyoe.com/" target="_blank">CSS3参考手册</a>
		<span>&#187;</span>
		<span id="category" rel="hanan" name="index">晗安笔记</span>
	</div>
	<div class="to">
		<span class="label">相关内容：</span>
		<div class="g-combobox g-transition">
			<a href="?" class="g-transition target">
				<strong>其它选择符参考</strong>
				<span>选择其它项<!--[if lte IE 7]><ins>IE7 and earlier, Get to die</ins><![endif]--></span>
			</a>
			<div class="g-transition list">
				<ul>
					<!-- 插入分类快速导航 -->
				</ul>
			</div>
		</div>
	</div>
</nav>
<header id="hd">
	<section id="title" class="g-mod">
		<h1 class="tit">晗安笔记列表</h1>
		<ul class="info">
			<li>晗安笔记集合</li>
		</ul>
		<!-- 插入浏览器信息 -->
	</section>
</header>
<section id="bd">
	<!-- 我的代码修改区 -->
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit" style="color:red;">前端布局要点</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li style="color:red;">1、根据内容选标签，将内容写到页面中</li>
				<li style="color:red;">2、改样式</li>
				<li style="color:red;">3、改位置</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit"><a href="html/index.htm">html 标签</a></h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li><a href="html/a.htm">&lt;a href=' '&gt;</a></li>
				<li><a href="html/img.htm">&lt;img src=' '&gt;</a></li>
				<li><a href="html/text-tag.htm">&lt;h&gt;</a></li>
				<li><a href="html/text-tag.htm">&lt;u&gt;</a></li>
				<li><a href="html/text-tag.htm">&lt;strong&gt;</a></li>
				<li><a href="html/text-tag.htm">&lt;em&gt;</a></li>
				<li><a href="html/text-tag.htm">&lt;span&gt;</a></li>
				<li><a href="html/text-tag.htm">&lt;pre&gt;</a></li>
				<li><a href="html/meta.htm">&lt;meta&gt;</a></li>
				<li><a href="html/form.htm">&lt;form action="数据接收地址" method="数据发送方式"&gt;</a></li>
				<li><a href="html/table.htm">&lt;table&gt;</a></li>
				<li><a href="html/frameset.htm">&lt;frameset&gt;  --不能和body共存在一个文档内</a></li>
				<li><a href="html/iframe.htm">&lt;iframe&gt; ---可以和body共存在一个文档内</a></li>
			</ul>
		</div>
	</section>

	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit"><a href="css/index.htm" style="font-size:18px">晗龙CSS列表</a></h2>
		<h2 class="tit"><a href="css/index.htm">css引入样式</a></h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li><a href="css/css-style.htm">嵌入样式</a></li>
				<li><a href="css/css-style.htm">引入样式</a></li>
				<li><a href="css/css-style.htm">行内样式</a></li>
				<li><a href="css/css-style.htm">导入样式</a></li>
				<li></li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit"><a href="css/index.htm">css文字样式</a></h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li><a href="css/font-style.htm">字大小：font-size</a></li>
				<li><a href="css/font-style.htm">字体：font-family</a></li>
				<li><a href="css/font-style.htm">字的水平位置：text-align</a></li>
				<li><a href="css/font-style.htm">行高：line-height</a></li>
				<li><a href="css/font-style.htm">粗细：font-weight=700</a></li>
				<li><a href="css/font-style.htm">倾斜：font-style:italic</a></li>
				<li><a href="css/font-style.htm">划线：text-decoration:underline(下划)</a></li>
				<li><a href="css/font-style.htm">首行缩进：text-indent</a></li>
				<li><a href="css/font-style.htm">字间距：letter-spacing</a></li>
			</ul>
		</div>
	</section>
</section>
<footer id="ft">
	<aside id="rights" class="g-mod">
		<!-- 插入浏览器及版权信息 -->
	</aside>
</footer>
<script src="../js/jquery.js"></script>
<script src="../js/inner.js"></script>
</body>
</html>